<template>
<section @click="clickCurrent('current')" @mousedown="clickCurrent('dragging')">
    <div class="es-form-item">
            <div>
              <div class="form-label">开始时间范围</div>
              <div style="margin-top:20px;" class="stylebox flex-row flex-align-c">
                  <el-input v-model="custormItemData.name.startname" size="small" placeholder="开始时间范围"></el-input>
              </div>
            </div>

    </div>
     <div class="es-form-item">
            <div>
              <div class="form-label">结束时间范围</div>
              <div style="margin-top:20px;" class="stylebox flex-row flex-align-c">
                  <el-input v-model="custormItemData.name.endname" size="small" placeholder="结束时间范围"></el-input>
              </div>
            </div>
    </div>
    <div class="es-form-item">
            <div class="form-label">起始时间提示语</div>
            <div style="margin-top:20px;" class="stylebox flex-row flex-align-c">
                <div style="width:50px;">内容</div>
                <el-input v-model="custormItemData.tips.starttips" size="small" placeholder="起始时间提示语"></el-input>
            </div>
    </div>
    <div class="es-form-item">
            <div class="form-label">结束时间提示语</div>
            <div style="margin-top:20px;" class="stylebox flex-row flex-align-c">
                <div style="width:50px;">内容</div>
                <el-input v-model="custormItemData.tips.endtips" size="small" placeholder="结束时间提示语"></el-input>
            </div>
    </div>
    <div class="es-form-item">
            <div class="form-label">起始时间默认值</div>
           <el-radio-group v-model="custormItemData.startdefault">
                <div style="margin-left:50px;">
                    <el-radio label="1">显示</el-radio>
                    <el-radio label="2">隐藏</el-radio>
                </div>
            </el-radio-group>
                 <el-radio-group v-model="custormItemData.startdatatext" v-if="custormItemData.startdefault=='1'">
                    <div style="margin:10px 0px 0px 50px;">
                        <el-radio label="1">当天时间</el-radio>
                        <el-radio label="2">指定时间</el-radio>
                    </div>
                      <div class="block" v-if="custormItemData.startdatatext=='2'" style="margin:10px 0px 0px 50px;">
                        <span class="demonstration">默认</span>
                        <!-- <el-date-picker
                        v-model="custormItemData.startappointdata"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="选择时间">
                        </el-date-picker> -->
                         <el-time-picker
                            v-model="custormItemData.default.startappointdata"
                            value-format="HH:mm:ss"
                            placeholder="任意时间点">
                          </el-time-picker>
                    </div>
              </el-radio-group>
    </div>
    <div class="es-form-item">
            <div class="form-label">结束时间默认值</div>
           <el-radio-group v-model="custormItemData.enddefault" >
                <div style="margin-left:50px;">
                    <el-radio label="1">显示</el-radio>
                    <el-radio label="2">隐藏</el-radio>
                </div>
            </el-radio-group>
                 <el-radio-group v-model="custormItemData.enddatatext" v-if="custormItemData.enddefault=='1'">
                    <div style="margin:10px 0px 0px 50px;">
                        <el-radio label="1">当天时间</el-radio>
                        <el-radio label="2">指定时间</el-radio>
                    </div>
                      <div class="block" v-if="custormItemData.enddatatext=='2'" style="margin:10px 0px 0px 50px;">
                        <span class="demonstration">默认</span>
                        <!-- <el-date-picker
                        v-model="custormItemData.endappointdata"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="选择时间">
                        </el-date-picker> -->
                           <el-time-picker
                            v-model="custormItemData.default.endappointdata"
                            value-format="HH:mm:ss"
                            placeholder="任意时间点">
                          </el-time-picker>
                    </div>
              </el-radio-group>
    </div>

      <div class="es-form-item">
            <div class="form-label">是否必填</div>
            <!-- <div style="margin-top:20px;" class="stylebox flex-row flex-align-c">
                <div style="width:50px;">内容</div>
                <el-input v-model="custormItemData.tips" size="small" ></el-input>
            </div> -->
             <el-radio-group v-model="custormItemData.required">
                <div style="margin-left:50px;">
                    <el-radio label="1">是</el-radio>
                    <el-radio label="2">否</el-radio>
                </div>
              </el-radio-group>
    </div>
</section>

</template>

<script>
import defaultConfig from './utils/showConfig'
export default {
  mixins: [defaultConfig.mixins],
  props: {
    defaultConfig: {
      type: Object,
      default: function() {
        return defaultConfig
      }
    }
  },

  methods: {
    concealbtn() {
      if (this.custormItemData.conceal == '2') {
        this.custormItemData.appointdata = ''
      }
    }
  }
}
</script>

<style lang="scss" scoped>
    .es-form-item{
          padding: 20px 23px;
          font-size: 12px;
          background: #f8f8fa;
          border-radius: 6px;
          margin-bottom: 10px;
    }

</style>
